<template>
  <div>
      <div class="product">
          <div class="product-con">
            <router-link to="/quanyizhuanqu"><span class="iconfont icon-huiyuanquanyi"></span><br>权益专区</router-link>
            <router-link to="/5Gzhuanqu"><span class="iconfont icon-a-5G"></span><br>5G专区</router-link>
            <router-link to="/remenshouji"><span class="iconfont icon-chongzhijiaofei"></span><br>热门手机</router-link>
            <router-link to="/kuandaixinzhuang"><span class="iconfont icon-kuandai"></span><br>宽带新装</router-link>
            <router-link to="/liuliangzhuanqu"><span class="iconfont icon-GIS-TL_liuliangkongzhifa
"></span><br>流量专区</router-link>
            <router-link to="/wodetaocan"><span class="iconfont icon-taocan"></span><br>我的套餐</router-link>
            <router-link to="/zhuangkuandai"><span class="iconfont icon-zhuangkuandai"></span><br>装宽带</router-link>
            <router-link to="/guahuafei"><span class="iconfont icon-huafei"></span><br>刮5元话费</router-link>
            <router-link to="/2yuan10G"><span class="iconfont icon-qiandaizi"></span><br>2元10G</router-link>
            <router-link to="/1mao5G"><span class="iconfont icon-huangguan"></span><br>1毛5G</router-link>
          </div>
      </div>
  </div>
</template>

<script>
export default {

}
</script>

<style>
 .product{
   width: 100%;
   height: 1.26rem;
   margin-top: 0.68rem;
 }

.product .product-con>a{
    display: block;
    width: 0.7rem;
    height: 0.57rem;
    font-size: 0.11rem;
    text-align: center;
}

 .product .product-con{
     display: flex;
     justify-content: space-around;
     flex-wrap: wrap;
 }

.product .product-con span{
    font-size: 0.3rem;
}

    
</style>